<template>
  <div id="amazon-account">
    <el-row class="nav">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>订单管理</el-breadcrumb-item>
        <el-breadcrumb-item >财务明细</el-breadcrumb-item>
      </el-breadcrumb>
    </el-row>
    <el-tabs v-model="activeTab" @tab-click="handleClick">
      <el-row>
        <el-form>
          <el-form-item>
            <el-button type="primary" @click="search">筛选</el-button>
            <el-button type="success" >筛选并导出</el-button>
          </el-form-item>
        </el-form>
      </el-row>
      <el-tab-pane label="销售出货" name="sell">
        <sell ref="sell" :active="activeTab"></sell>
      </el-tab-pane>
      <el-tab-pane label="销售退货" name="return"></el-tab-pane>
      <el-tab-pane label="赔偿" name="compensation"></el-tab-pane>
      
    </el-tabs>

  </div>
</template>

<script>
import Sell from './children/sell'

export default {
  components: {
    Sell,
  },
  data() {
    return {
      activeTab: 'sell',
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    },
    search() {

    }
  },
}
</script>

